
function Tollbar({clickAction,handellAction}){
	return (
		<>
		 <div><Button onClick={clickAction}>Button 01</Button></div>
		  <div><Button onClick={handellAction}>Button 02</Button></div>
		</>
	)
}

function Button({onClick,children}){
	return (
		<button onClick={(e)=>{e.stopPropagation();onClick()}}>{children}</button>
	)
}

export default function ActionIndex(){
	return(
		<>
			<Tollbar clickAction={()=>{ alert('this is click one ')}} handellAction={()=>{ alert('this is click two')}} />
		</>
	)
}